<template>
     <div class="app-container">
            <!-- 申请表 -->
            <div class="form-blok">
               
                <div class="source" >
                    <!-- 标题 -->
                    <el-row>
                       
                    </el-row>

                    <el-form  :disabled="disable" :model="formData"  ref="formData" label-width="0px" size="mini">
                        <table class="full-width" id="apply" v-loading="tableLoading">
                            <tr>
                                <td colspan="13" style="border:0px">
                                     <h1><span v-if="formData.applyYear">{{"（" + formData.applyYear+ "）"}}</span>广西水利电力职业技术学院国家助学金申请表</h1>
                                </td>
                            </tr>
                            <!-- 学号姓名 -->
                            <tr>
                                <td class="table-label"><span class="red-tip">*</span>姓名</td>
                                <td class="table-input" >
                                    <el-form-item prop="xm" :rules="rules">
                                        <el-input :disabled="xsEditDisable" v-model="formData.xm" placeholder="请输入内容"></el-input>
                                    </el-form-item>
                                </td>
                                <td class="table-label"><span class="red-tip">*</span>学号</td>
                                <td class="table-input"  >
                                    <el-form-item prop="xh" :rules="rules">
                                        <el-input :disabled="xsEditDisable"  v-model="formData.xh" placeholder="请输入内容"></el-input>
                                    </el-form-item>
                                </td>
                            </tr>
                            <!-- 性别入学时间 -->
                            <tr>
                               <td class="table-label"><span class="red-tip">*</span>性别</td>
                                <td class="table-input">
                                    <el-form-item prop="xb" :rules="rules">
                                        <el-input :disabled="xsEditDisable" v-model="formData.xb" placeholder="请输入内容"></el-input>
                                    </el-form-item>
                                </td>
                                <td class="table-label"><span class="red-tip">*</span>入学时间</td>
                                <td class="table-input date" >
                                      <el-form-item class="fl"  prop="rxsj" :rules="rules">
                                            <el-date-picker
                                               :disabled="xsEditDisable"
                                                v-model="formData.rxsj"
                                                type="month"
                                                :editable="false"
                                                value-format="yyyy-MM"
                                                format="yyyy-MM"
                                                placeholder="选择日期">
                                                </el-date-picker>
                                      
                                    </el-form-item>
                                </td>
                            </tr>
                            <!-- 民族政治面貌 -->
                            <tr>
                                <td class="table-label"><span class="red-tip">*</span>民族</td>
                                <td class="table-input">
                                      <el-form-item  class="fl"  prop="mz" :rules="rules">
                                        <!-- <el-input :disabled="xsEditDisable" v-model="formData.mz" placeholder="请输入内容"></el-input> -->
                                         <el-select :disabled="xsEditDisable"   v-model="formData.mz" filterable   placeholder="请选择">
                                            <el-option
                                                v-for="item in options"
                                                :key="item.value"
                                                :label="item"
                                                :value="item">
                                            </el-option>
                                        </el-select>
                                    </el-form-item>
                                </td><td class="table-label"><span class="red-tip">*</span>政治面貌</td>
                                <td class="table-input" >
                                      <el-form-item prop="zzmm" :rules="rules" class="fl" >
                                        <el-select  :disabled="xsEditDisable" v-model="formData.zzmm" placeholder="政治面貌">
                                            <el-option label="群众" value="群众"></el-option>
                                            <el-option label="共青团员" value="共青团员"></el-option>
                                            <el-option label="党员" value="党员"></el-option>
                                        </el-select>
                                        <!-- <el-input  :disabled="xsEditDisable" v-model="formData.zzmm" placeholder="请输入内容"></el-input> -->
                                    </el-form-item>
                                </td>
                            </tr>
                            <!-- 出生年月、电话 -->
                            <tr>
                                <td class="table-label"><span class="red-tip">*</span>出生年月</td>
                                <td class="table-input date" >
                                   <el-form-item prop="csny" class="fl"  :rules="rules">
                                            <el-date-picker

                                                :disabled="xsEditDisable"
                                                value-format="yyyy-MM"
                                                format="yyyy-MM"
                                                v-model="formData.csny"
                                                type="month"
                                                :editable="false"
                                                placeholder="选择日期">
                                            </el-date-picker>
                                    </el-form-item>
                                </td>
                                <td class="table-label"><span class="red-tip">*</span>电话</td>
                                <td class="table-input">
                                      <el-form-item prop="dh" :rules="rules">
                                        <el-input :disabled="xsEditDisable" v-model="formData.dh" placeholder="请输入内容"></el-input>
                                    </el-form-item>
                                </td>
                            </tr>
                            <!-- 身份证和点一寸照片 -->

                            <tr>
                                  <td class="table-label"><span class="red-tip">*</span>身份证号码</td>
                                <td class="table-input">
                                    <el-form-item prop="sfzhm" :rules="rules">
                                        <el-input :disabled="xsEditDisable"  v-model="formData.sfzhm" placeholder="请输入内容"></el-input>
                                    </el-form-item>
                                </td>  
                                <td class="table-label"><span class="red-tip">*</span>电子版一寸照</td>
                                 <td  >
                                        <el-upload
                                            :disabled="xsEditDisable"
                                            class="avatar-uploader"
                                            :action="upload.url"
                                            :headers="upload.headers"
                                            :show-file-list="false"
                                            :on-success="handleAvatarSuccess"
                                            :before-upload="beforeAvatarUpload">
                                            <img v-if="formData.zp" :src="baseurl+formData.zp" class="avatar">
                                            <i v-else class="el-icon-plus avatar-uploader-icon" style="color:red;"></i>
                                        </el-upload>
                                 </td>
                            </tr>
                            <!-- 二级学院和年级 -->
                            <tr>

                           
                                <td class="table-label"><span class="red-tip">*</span>二级学院</td>
                                <td class="table-input">
                                    <el-form-item prop="xy" :rules="rules">
                                        <el-input :disabled="xsEditDisable"  v-model="formData.xy" placeholder="请输入内容"></el-input>
                                    </el-form-item>
                                </td>  
                                 <td class="table-label"><span class="red-tip">*</span>年级</td>
                                <td class="table-input">
                                    <el-form-item prop="nj" :rules="rules">
                                        <el-input :disabled="xsEditDisable"  v-model="formData.nj" placeholder="请输入内容"></el-input>
                                    </el-form-item>
                                </td>  
                            </tr>
                       
                            <!--班级邮编 -->
                            <tr>
                                <td class="table-label"><span class="red-tip">*</span>班级</td>
                                <td class="table-input">
                                    <el-form-item prop="bj" :rules="rules">
                                        <el-input :disabled="xsEditDisable"  v-model="formData.bj" placeholder="请输入内容"></el-input>
                                    </el-form-item>
                                </td>  
                                <td class="table-label" colspan="1"><span class="red-tip">*</span>邮编</td>
                                <td class="table-input" colspan="1">
                                    <div>
                                        <el-form-item prop="yb" :rules="rules">
                                            <el-input :disabled="xsEditDisable" v-model="formData.yb"  placeholder="请输入内容"></el-input>
                                        </el-form-item>
                                    </div>
                                </td>
                            </tr>
                            <!-- 资助历史、公益活动 -->
                            <tr>
                                <td class="table-label" ><span class="red-tip">*</span>曾获何种资助</td>
                                <td class="table-input" >
                                    <div>
                                          <el-form-item prop="zzls" :rules="rules">
                                            <el-input :disabled="xsEditDisable" v-model="formData.zzls"  placeholder="请输入内容"></el-input>
                                        </el-form-item>
                                    </div>
                                </td>
                                <td class="table-label" ><span class="red-tip">*</span>参加过何种公益劳动（活动）</td>
                                <td class="table-input" >
                                    <div>
                                          <el-form-item prop="gyhd" :rules="rules">
                                            <el-input :disabled="xsEditDisable" v-model="formData.gyhd"  placeholder="请输入内容"></el-input>
                                        </el-form-item>
                                    </div>
                                </td>
                            </tr>
                            <!-- 困难类型 困难标签 -->
                            <tr>
                                <td class="table-label"><span class="red-tip">*</span>困难类型</td>
                                <td class="table-input">
                              
                                         <div style="width:300px">
                                            <el-form-item prop="kndj" :rules="selerules">
                                                <el-radio-group  v-model="formData.kndj" :disabled="xsEditDisable">
                                                    <el-radio :label="'1'">特别困难</el-radio>
                                                    <el-radio :label="'2'">比较困难</el-radio>
                                                    <el-radio :label="'3'">一般困难</el-radio>
                                                </el-radio-group>
                                            </el-form-item>
                                        </div>
                                   
                                </td>
                                <td class="table-label"><span class="red-tip">*</span>困难标签</td>
                                <td class="table-input">
                                    <el-form-item prop="knlx" :rules="rules">
                                        <el-input :disabled="knlxEditDisable" v-model="formData.knlx" placeholder="请输入内容"></el-input>
                                    </el-form-item>
                                </td>
                            </tr>
                            <!-- 家庭人口总数家庭人均年收入 -->
                            <tr>
                                 <td class="table-label" ><span class="red-tip">*</span>家庭人口总数</td>
                                <td class="table-input" >
                                    <div>
                                        <el-form-item >
                                            <el-input  type="number"  @change="computedAvg" prop="rkzs" :rules="rules" :disabled="xsEditDisable"  v-model="formData.rkzs"  placeholder="请输入内容"></el-input>
                                        </el-form-item>
                                    </div>
                                </td>
                                <td class="table-label" ><span class="red-tip">*</span>家庭人均年收入（元）</td>
                                <td class="table-input" >
                                    <div>
                                        <el-form-item prop="rjnsr"  :rules="rules">
                                            <el-input  type="number" @change="computedAvg" :disabled="xsEditDisable" v-model="formData.rjnsr"  placeholder="请输入内容"></el-input>
                                        </el-form-item>
                                    </div>
                                </td>
                            </tr>
                            <!-- 收入来源和家庭地址 -->
                            <tr>
                                <td class="table-label" ><span class="red-tip">*</span>收入来源</td>
                                <td class="table-input" >
                                    <div>
                                        <el-form-item prop="srly" :rules="rules">
                                            <el-input :disabled="xsEditDisable" v-model="formData.srly"  placeholder="请输入内容"></el-input>
                                        </el-form-item>
                                    </div>
                                </td>
                                 <td class="table-label" ><span class="red-tip">*</span>家庭详细地址</td>
                                <td class="table-input" >
                                    <div>
                                        <el-form-item prop="dz"  :rules="rules">
                                            <el-input :disabled="xsEditDisable" v-model="formData.dz"  placeholder="请输入内容"></el-input>
                                        </el-form-item>
                                    </div>
                                </td>
                            </tr>
                            <!--  银行卡-->
                            <tr>
                                
                                <td class="table-label"><span class="red-tip">*</span>农业银行卡号</td>
                                <td class="table-input">
                                    <el-form-item prop="bankCard" :rules="rules">
                                        <el-input :disabled="xsEditDisable" v-model="formData.bankCard" placeholder="请输入内容"></el-input>
                                    </el-form-item>
                                </td>
                                <td class="table-label"><span class="red-tip">*</span>开户行</td>
                                <td class="table-input">
                                    <el-form-item prop="bankAddr" :rules="rules">
                                        <el-input :disabled="xsEditDisable" v-model="formData.bankAddr" placeholder="请输入内容"></el-input>
                                    </el-form-item>
                                </td>
                            </tr> 
                            <!-- 家庭成员情况 -->
                            <tr>
                                <td class="table-label" colspan="6" ><span class="red-tip">*</span>家庭成员情况</td>
                            </tr>
                            <tr>
                              
                                <td colspan="6" style="padding:0px;">
                                    <el-table
                                        style="width:100%"
                                        :data="formData.jtcyObj"
                                        width="100%"
                                        :border="true"
                                        align="center"
                                        element-loading-text="数据加载中..."
                                    >
                                        <el-table-column label="姓名" header-align="center" >
                                            <template slot-scope="{ row, $index }">
                                                <el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].xm'" :rules="rules">
                                                    <el-input :disabled="xsEditDisable"  v-model="row.xm" placeholder="请输入姓名"></el-input>
                                            
                                                </el-form-item>
                                            </template>
                                        </el-table-column>
                                        <el-table-column label="年龄" header-align="center">
                                            <template slot-scope="{ row, $index }">
                                                <el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].nl'" :rules="rules" >
                                                    <el-input :disabled="xsEditDisable" v-model="row.nl" placeholder="年龄"></el-input>
                                                </el-form-item>
                                            </template>
                                        </el-table-column>
                                        <el-table-column label="与本人关系" header-align="center" >
                                            <template slot-scope="{ row, $index }">
                                                <el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].gx'" :rules="rules">
                                                    <el-input :disabled="xsEditDisable" v-model="row.gx" placeholder="与本人关系"></el-input>
                                                </el-form-item>
                                            </template>
                                        </el-table-column>
                                        <el-table-column label="学习或工作单位" header-align="center" min-width="200">
                                            <template slot-scope="{ row, $index }">
                                                <el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].dw'" :rules="rules">
                                                    <el-input :disabled="xsEditDisable" v-model="row.dw" placeholder="学习或工作单位"></el-input>
                                            
                                                </el-form-item>
                                            </template>
                                        </el-table-column>
                                        <el-table-column label="联系电话" header-align="center" min-width="120">
                                            <template slot-scope="{ row, $index }">
                                                <el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].lxdh'" :rules="rules">
                                                    <el-input :disabled="xsEditDisable" v-model="row.lxdh" placeholder="联系电话"></el-input>
                                            
                                                </el-form-item>
                                            </template>
                                        </el-table-column>

                                        <el-table-column label="职业" header-align="center" >
                                            <template slot-scope="{ row, $index }">
                                                <el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].zy'" :rules="rules">
                                                    <el-input :disabled="xsEditDisable" v-model="row.zy" placeholder="职业"></el-input>
                                            
                                                </el-form-item>
                                            </template>
                                        </el-table-column>

                                        <el-table-column label="年收入" header-align="center" min-width="100">
                                            <template slot-scope="{ row, $index }">
                                                <el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].nsr'" :rules="rules">
                                                    <el-input :disabled="xsEditDisable" v-model="row.nsr" type="number" @change="nsrChange"  placeholder="年收入"></el-input>
                                            
                                                </el-form-item>
                                            </template>
                                        </el-table-column>
                                        <el-table-column label="健康状况" header-align="center" >
                                            <template slot-scope="{ row, $index }">
                                                <el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].jkzk'" :rules="rules">
                                                    <el-input :disabled="xsEditDisable" v-model="row.jkzk" placeholder="健康状况"></el-input>
                                            
                                                </el-form-item>
                                            </template>
                                        </el-table-column>
                                        <el-table-column v-if="!xsEditDisable" label="操作"  min-width="80" header-align="center" align="center">
                                            <template slot-scope="{ row,$index }">
                                                <el-button @click="handleDeleteRow(row,$index)" type="text" >删除</el-button>
                                            </template>
                                        </el-table-column>
                                    </el-table>
                                    <div style="padding:10px;">
                                        <el-button v-if="!xsEditDisable" @click="handleAddRow"  type="text">新增一行</el-button>
                                    </div>
                                </td>
                            </tr>
                            <!-- 申请理由 -->
                            <tr>
                                <td class="table-label"><span class="red-tip">*</span>申请理由</td>
                                <td class="table-input" colspan="5">
                                    <div >
                                        <div class="content">
                                            <el-form-item prop="sqly" :rules="textAreaRules">
                                                <el-input 
                                                 show-word-limit
                                                    :disabled="xsEditDisable" 
                                                    placeholder="请输入内容" 
                                                    type="textarea" 
                                                    maxlength="150"
                                                    minlength="50"
                                                    v-model="formData.sqly"
                                                    :autosize="{ minRows: 6, maxRows: 18}"
                                                ></el-input>
                                            </el-form-item>
                                        </div>
                                       
                                    </div>
                                </td>   
                            </tr>
                                 
                            <!-- 佐证材料上传 -->
                            <tr>
                                <td class="table-label">困难佐证材料</td>
                                <td class="table-input" colspan="5">
                                    <Affix @input="handleAffix" :max-size="0.5" :accpet="accpet" :disabled="xsEditDisable" v-model="formData.affixId"></Affix>
                                </td>
                            </tr>
                            <!-- 申请人签名 -->
                            <tr>
                                 <td class="table-label"><span class="red-tip">*</span>申请人签名</td>
                                 <td class="table-input" colspan="5">
                                     <div class="signature">
                                            <div>
                                                
                                                <el-upload
                                                    :disabled="xsEditDisable"
                                                    class="avatar-uploader"
                                                    :action="upload.url"
                                                    :headers="upload.headers"
                                                    :show-file-list="false"
                                                    :on-success="handleSignatureSuccess"
                                                  >
                                                    <img v-if="formData.xsqm" :src="baseurl + formData.xsqm" class="signature-img">
                                                    <span class="signature-tip" v-else >签名</span>
                                                </el-upload>
                                            </div>
                                            <div>
                                                <span> {{this.formData.xm}}</span>
                                               <span> {{this.formData.xsqmrq}}</span>
                                            </div>
                                        </div>
                                 </td>
                            </tr>

                             <!-- 班级意见 确认等级 -->
                             <tr>
                                <td class="table-label">班级意见</td>
                                <td class="table-input">
                                    
                                         <div>
                                            <el-form-item prop="bjyj" >
                                                <el-radio-group  v-model="formData.bjyj" :disabled="fdyEditDisable">
                                                    <el-radio :label="'1'">同意</el-radio>
                                                </el-radio-group>
                                            </el-form-item>
                                        </div>
                                   
                                </td>
                                <td class="table-label">确认助学金等级</td>
                                <td class="table-input">
             
                                         <div>
                                            <el-form-item prop="bjyjdj" >
                                                <el-radio-group  v-model="formData.bjyjdj" :disabled="fdyEditDisable">
                                                   <el-radio :label="'1'"> 一等</el-radio>
                                                    <el-radio :label="'2'">二等</el-radio>
                                                    <el-radio :label="'3'">三等</el-radio>
                                                </el-radio-group>
                                            </el-form-item>
                                        </div>
                                   
                                </td>
                             </tr>
                             <!-- 辅导员签章 -->
                             <tr>
                                <td class="table-label">辅导员签章</td>
                                <td class="table-input" style="text-align:left;" colspan="5">
                                    
                                    <div class="newsign">
                                        <span>
                                            <el-upload :disabled="fdyEditDisable"
                                               class="avatar-uploader"
                                                :action="upload.url" :headers="upload.headers"
                                                 :show-file-list="false"
                                                :on-success="handleFdySignatureSuccess">
                                                <img v-if="formData.fdyqm" :src="baseurl+formData.fdyqm" class="signature-img">
                                                <span class="signature-tip" v-else>签名</span>
                                            </el-upload>
                                        </span>
                                        <span style="width:130px;">
                                           {{this.formData.fdyqmrq}}
                                        </span>
                                     
                                    </div>
                                </td>
                            </tr>
                            <!-- 二级学院意见 二级学院确认等级 -->
                             <tr>
                                <td class="table-label">二级学院意见</td>
                                <td class="table-input">
                                   
                                         <div>
                                            <el-form-item prop="ejxyyj" >
                                                <el-radio-group  v-model="formData.ejxyyj" :disabled="ejxyEditDisable">
                                                    <el-radio :label="'1'">同意</el-radio>
                                                    
                                                </el-radio-group>
                                            </el-form-item>
                                        </div>
                                   
                                </td>
                                <td class="table-label">确认助学金等级</td>
                                <td class="table-input">
                                  
                                         <div>
                                            <el-form-item prop="ejxyyjdj" >
                                                <el-radio-group  v-model="formData.ejxyyjdj" :disabled="ejxyEditDisable">
                                                   <el-radio :label="'1'">一等</el-radio>
                                                    <el-radio :label="'2'">二等</el-radio>
                                                    <el-radio :label="'3'">三等</el-radio>
                                                </el-radio-group>
                                            </el-form-item>
                                        </div>
                                    
                                </td>
                             </tr>

                              <!-- 二级学院领导签章 -->
                             <tr>
                                <td class="table-label">二级学院领导签章</td>
                                <td class="table-input" style="text-align:left;" colspan="5">
                                    
                                    <div class="newsign">
                                        <span>
                                            <el-upload :disabled="ejxyEditDisable"
                                               class="avatar-uploader"
                                                :action="upload.url" :headers="upload.headers"
                                                 :show-file-list="false"
                                                :on-success="handleEjxyldSignatureSuccess">
                                                <img v-if="formData.ejxyldqm" :src="baseurl+formData.ejxyldqm" class="signature-img">
                                                <span class="signature-tip" v-else>签名</span>
                                            </el-upload>
                                        </span>
                                        <span style="width:130px;">
                                            {{this.formData.ejxyldqmrq}}
                                        </span>
                                     
                                    </div>
                                </td>
                            </tr>
                           
                             <!-- 学校意见等级 -->
                             <tr>
                                <td class="table-label">学校意见</td>
                                <td class="table-input">
                                
                                         <div>
                                            <el-form-item prop="xxyj" >
                                                <el-radio-group  v-model="formData.xxyj" :disabled="xxEditDisable">
                                                    <el-radio :label="'1'">同意</el-radio>
                                                    
                                                </el-radio-group>
                                            </el-form-item>
                                        </div>
                                  
                                </td>
                                <td class="table-label">确认助学金等级</td>
                                <td class="table-input">
                                   
                                         <div>
                                            <el-form-item prop="zzdj" >
                                                <el-radio-group  v-model="formData.zzdj" :disabled="xxEditDisable">
                                                   <el-radio :label="'1'">一等</el-radio>
                                                    <el-radio :label="'2'">二等</el-radio>
                                                    <el-radio :label="'3'">三等</el-radio>
                                                </el-radio-group>
                                            </el-form-item>
                                        </div>
                                    
                                </td>
                             </tr>

                              <!-- 学校签章 -->
                             <tr>
                                <td class="table-label">学校签章</td>
                                <td class="table-input" style="text-align:left;" colspan="5">
                                    
                                    <div class="newsign">
                                        <span>
                                            <el-upload :disabled="xxEditDisable"
                                               class="avatar-uploader"
                                                :action="upload.url" :headers="upload.headers"
                                                 :show-file-list="false"
                                                :on-success="handleXxSignatureSuccess">
                                                <img v-if="formData.xxqm" :src="baseurl+formData.xxqm" class="signature-img">
                                                <span class="signature-tip" v-else>签名</span>
                                            </el-upload>
                                        </span>
                                        <span style="width:130px;">
                                            {{this.formData.xxyjrq}}
                                        </span>
                                     
                                    </div>
                                </td>
                            </tr>

                       
                        </table>
                        <el-form-item v-if="!isDetail">
                            <el-button type="primary" v-if="this.formData.step == 0 && isShow "  @click="onSubmit">提交申请</el-button>
                            <el-button type="success" v-if="(this.formData.step == 0 || this.formData.step == 1) && isShow" @click="onSave">保存</el-button>
                            <el-button type="primary" v-if="this.formData.step == 1 && isShow && this.formData.step !=-1 && this.formData.step !=4"  @click="onSubmitFdy">审核通过</el-button>
                            <el-button type="primary" v-if="this.formData.step == 2 && isShow && this.formData.step !=-1 && this.formData.step !=4"  @click="onSubmitEjxy">审核通过</el-button>
                            <el-button type="primary"  v-if="this.formData.step == 3 && isShow && this.formData.step !=-1 && this.formData.step !=4 "  @click="onSubmitxxsh">审核通过</el-button>
                            <el-button  v-if="isShow && this.formData.step != 0  && this.formData.step !=-1 && this.formData.step !=4"  @click="rejectDialogVisible = true" type="warning">驳回</el-button>
                            <el-button  v-if="isShow && this.formData.step != 0 && this.formData.step !=-1 && this.formData.step !=4" @click="open(0)" type="danger">拒绝</el-button>
                             <el-button type="success"  @click="printHtml" >打印</el-button>
                        </el-form-item>
                        <el-form-item v-if="isDetail">
                
                             <el-button type="success" v-if="this.formData.step !=0 " @click="printHtml" >打印</el-button>
                        </el-form-item>
                       
                    </el-form>

                
                </div>

                
                <div class="record"  >
                    <div class="title">
                        <span>审核记录</span>
                       
                    </div>
                    <el-timeline v-loading="recordLoading">
                        <el-timeline-item  v-for="(item,index) in recordList" 
                          :key="index" 
                          :icon="item.icon"  
                           size="large"  :type='item.type'  :timestamp="item.createTime" placement="top">
                            <el-card>
                                <h3 v-if="item.step == -1 ">撤回提交</h3>
                                <h3 v-if="item.step == 0 ">保存</h3>
                                <h3 v-if="item.step == 1 ">提交申请</h3>
                                <h3 v-if="item.step == 2 ">
                                    <p>
                                        <span>辅导员审核：</span>
                                        <span>{{item.result}}</span> 
                                        <span class="gap"></span>
                                        <span v-if="item.remark">原因：{{item.remark}}</span>
                                    </p>
                                 
                                </h3>
                                <h3 v-if="item.step == 3 ">
                                      <p>
                                        <span>二级学院审核：</span>
                                        <span>{{item.result}}</span> 
                                        <span class="gap"></span>
                                        <span v-if="item.remark">原因：{{item.remark}}</span>
                                    </p>
                                </h3>
                                <h3 v-if="item.step == 4 ">
                                    <p>
                                        <span>学校审核：</span>
                                        <span>{{item.result}}</span> 
                                        <span class="gap"></span>
                                        <span v-if="item.remark">原因：{{item.remark}}</span>
                                    </p>
                                </h3>
                                <p>操作人：{{item.operator}} </p>
                            </el-card>
                        </el-timeline-item>
                    </el-timeline>
                </div>
            </div>
            <!-- 打印 -->
            <el-dialog
                class="dialog"
                :visible.sync="openPrint"
                fullscreen
                :close-on-click-modal="false"
                append-to-body
            >
                <el-form :disabled="disable" :model="formData" class="print-form"  ref="formData" label-width="0px" size="mini">
                

                    <div id="print">

                    
                        <table class="full-width"   v-loading="tableLoading">
                            <tr>
                                <td colspan="6" style="border:0px">
                                     <h1>广西水利电力职业技术学院</h1>
                                     <h1>{{'(' + formData.applyYear + ')本专科生国家助学金申请表'}} </h1>
                                </td>
                            </tr>
                   
                            <tr>
                                <td class="table-label">学号</td>
                                <td class="table-input"  >
                                   {{formData.xh}}
                                
                                </td>
                                <td class="table-label">姓名</td>
                                <td class="table-input" >
                                    {{formData.xm}}
                 
                                </td>
                                <td class="table-label">性别</td>
                                <td class="table-input">
                                    {{formData.xb}}
                                </td>
                            </tr>
                            <tr>
                                <td class="table-label">系部</td>
                                <td class="table-input">
                                    {{formData.xy}}
                                </td>  
                                <td class="table-label">年级</td>
                                <td class="table-input">
                                    {{formData.nj}}
                                </td>
                                <td class="table-label">班级</td>
                                <td class="table-input">
                                    {{formData.bj}}
                                </td>  
                            </tr>
                        
                            <tr>
                                <td class="table-label">出生年月</td>
                                <td class="table-input date" >
                                   {{formData.csny}}
                                </td>
                           
                                <td class="table-label">身份证号码</td>
                                <td class="table-input">
                                    {{formData.sfzhm}}
                                </td>  
                                 <td class="table-label">政治面貌</td>
                                <td class="table-input" >
                                      {{formData.zzmm}}
                                </td>
                            </tr>
                             <!-- 困难类型 困难标签 -->
                            <tr>
                                <td class="table-label">困难类型</td>
                                <td class="table-input">
                              
                                         <div>
                                           <span v-if="formData.kndj== 1 ">特别困难</span>
                                           <span v-if="formData.kndj== 2 ">比较困难</span>
                                           <span v-if="formData.kndj== 3 ">一般困难</span>
                                        </div>
                                   
                                </td>
                                <td class="table-label">困难标签</td>
                                <td class="table-input">
                                    {{formData.knlx}}
                                </td>
                                 <td class="table-label">农业银行卡号</td>
                                <td class="table-input">
                                    {{formData.bankCard}}
                                </td>
                            </tr>
                            <tr>
                                <td class="table-label">电话</td>
                                <td class="table-input">
                                   {{formData.dh}}
                                </td>
                                <td class="table-label">入学时间</td>
                                <td class="table-input date" >
                                      {{formData.rxsj}}
                                </td>
                                <td class="table-label" >曾获何种资助</td>
                                <td class="table-input" >
                                    {{formData.zzls}}
                                </td>
                                <!-- <td class="table-label"><span class="red-tip">*</span>民族</td>
                                <td class="table-input">
                                      <el-form-item  class="fl"  prop="mz" :rules="rules">
                                        <!-- <el-input :disabled="xsEditDisable" v-model="formData.mz" placeholder="请输入内容"></el-input> -->
                                         <!--<el-select :disabled="xsEditDisable"   v-model="formData.mz" filterable   placeholder="请选择">
                                            <el-option
                                                v-for="item in options"
                                                :key="item.value"
                                                :label="item"
                                                :value="item">
                                            </el-option>
                                        </el-select>
                                    </el-form-item>
                                </td> -->
                                
                            </tr>
                            <!-- 出生年月、电话 -->
                            <tr>
                                 <td class="table-label" >家庭人口总数</td>
                                <td class="table-input" >
                                   {{formData.rkzs}}
                                </td>
                                <td class="table-label" >家庭人均年收入（元）</td>
                                <td class="table-input" >
                                    {{formData.rjnsr}}
                                </td>
                                <td class="table-label" >收入来源</td>
                                <td class="table-input" >
                                    {{formData.srly}}
                                </td>
                            </tr>
                            <!-- 身份证和点一寸照片 -->

                            <!-- <tr>
                              
                                <td class="table-label"><span class="red-tip">*</span>电子版一寸照</td>
                                 <td  >
                                        <el-upload
                                            :disabled="xsEditDisable"
                                            class="avatar-uploader"
                                            :action="upload.url"
                                            :headers="upload.headers"
                                            :show-file-list="false"
                                            :on-success="handleAvatarSuccess"
                                            :before-upload="beforeAvatarUpload">
                                            <img v-if="formData.zp" :src="baseurl+formData.zp" class="avatar">
                                            <i v-else class="el-icon-plus avatar-uploader-icon" style="color:red;"></i>
                                        </el-upload>
                                 </td>
                            </tr> -->

                       
                            <!--班级邮编 -->
                            <tr>
                               
                                <td class="table-label" colspan="1">邮编</td>
                                <td class="table-input" colspan="1">
                                    {{formData.yb}}
                                </td>
                                <td class="table-label" >参加过何种公益劳动（活动）</td>
                                <td class="table-input" colspan="3">
                                    {{formData.gyhd}}
                                </td>
                            </tr>
                            <!-- 资助历史、公益活动 -->
                        
                   
                            
                            <!-- 收入来源和家庭地址 -->
                            <!-- <tr>
                                
                                 <td class="table-label" ><span class="red-tip">*</span>家庭详细地址</td>
                                <td class="table-input" >
                                    <div>
                                        <el-form-item prop="dz"  :rules="rules">
                                            <el-input :disabled="xsEditDisable" v-model="formData.dz"  placeholder="请输入内容"></el-input>
                                        </el-form-item>
                                    </div>
                                </td>
                            </tr> -->
                            <!--  银行卡-->
                            <!-- <tr>
                                
                               
                                <td class="table-label"><span class="red-tip">*</span>开户行</td>
                                <td class="table-input">
                                    <el-form-item prop="bankAddr" :rules="rules">
                                        <el-input :disabled="xsEditDisable" v-model="formData.bankAddr" placeholder="请输入内容"></el-input>
                                    </el-form-item>
                                </td>
                            </tr>  -->
                            <!-- 家庭成员情况 -->
                            <tr>
                                <td class="table-label" colspan="6" >家庭成员情况</td>
                            </tr>
                            <tr>
                              
                                <td colspan="6" style="padding:0px;">
                                    <el-table
                                        style="width:100%"
                                        :data="formData.jtcyObj"
                                        width="100%"
                                        :border="true"
                                        align="center"
                                        element-loading-text="数据加载中..."
                                    >
                                        <el-table-column label="姓名" header-align="center" min-width="120">
                                            <template slot-scope="{ row, $index }">
                                                {{row.xm}}
                                            </template>
                                        </el-table-column>
                                        <el-table-column label="年龄" header-align="center" min-width="60">
                                            <template slot-scope="{ row, $index }">
                                                {{row.nl}}
                                            </template>
                                        </el-table-column>
                                        <el-table-column label="与本人关系" header-align="center" min-width="120">
                                            <template slot-scope="{ row, $index }">
                                                {{row.gx}}
                                            </template>
                                        </el-table-column>
                                        <el-table-column label="学习或工作单位" header-align="center" min-width="210">
                                            <template slot-scope="{ row, $index }">
                                               
                                                {{row.dw}}
                                            </template>
                                        </el-table-column>
                                        <el-table-column label="联系电话" header-align="center" min-width="150">
                                            <template slot-scope="{ row, $index }">
                                            {{row.lxdh}}
                                            </template>
                                        </el-table-column>

                                        <el-table-column label="职业" header-align="center" min-width="120">
                                            <template slot-scope="{ row, $index }">
                                                {{row.zy}}
                                            
                                  
                                            </template>
                                        </el-table-column>

                                        <el-table-column label="年收入" header-align="center" min-width="120">
                                            <template slot-scope="{ row, $index }">
                                                {{row.nsr}}
                                            </template>
                                        </el-table-column>
                                        <el-table-column label="健康状况" header-align="center" min-width="100">
                                            <template slot-scope="{ row, $index }">
                                                {{row.jkzk}}
                                            </template>
                                        </el-table-column>
                                       
                                    </el-table>
                                 
                                </td>
                            </tr>
                            <!-- 申请理由 -->
                            <tr>
                                <td class="table-label">申请理由</td>
                                <td class="table-input" colspan="5" style="padding: 5px 5px 25px 5px;">
                                    <div >
                                        <div class="content">
                                            {{formData.sqly}}
                                        </div>
                                       
                                    </div>
                                </td>   
                            </tr>
                                 
                            
                            <!-- 申请人签名 -->
                            <tr>
                                 <td class="table-label">个人签名</td>
                                 <td class="table-input" colspan="5">
                                     <div class="signature">
                                            <div>
                                                
                                                <el-upload
                                                    :disabled="xsEditDisable"
                                                    class="avatar-uploader"
                                                    :action="upload.url"
                                                    :headers="upload.headers"
                                                    :show-file-list="false"
                                                    :on-success="handleSignatureSuccess"
                                                  >
                                                    <img v-if="formData.xsqm" :src="baseurl + formData.xsqm" class="signature-img">
                                                    <span class="signature-tip" v-else >签名</span>
                                                </el-upload>
                                            </div>
                                            <div  style="width:130px; ">
                                               <span> {{formData.xm }}</span>
                                               <!-- <span>{{formData.xh }}</span><br> -->
                                               {{formData.stuTime}}
                                            </div>
                                        </div>
                                 </td>
                            </tr>

                 
                
                             <!-- 辅导员签章 -->
                             <tr>
                                <td class="table-label">班级意见</td>
                                <td class="table-input" style="text-align:left;" colspan="5">
                                    <div class="printyj">
                                        经初审核，同意该同学申请：
                                        <span v-if="formData.bjyjdj == 1">一等国家助学金</span>
                                        <span v-if="formData.bjyjdj == 2">二等国家助学金</span>
                                        <span v-if="formData.bjyjdj == 3">三等国家助学金</span>
                                    </div>
                                    <div class="newsign">
                                        <span>
                                            <el-upload :disabled="fdyEditDisable"
                                               class="avatar-uploader"
                                                :action="upload.url" :headers="upload.headers"
                                                 :show-file-list="false"
                                                :on-success="handleFdySignatureSuccess">
                                                <img v-if="formData.fdyqm" :src="baseurl+formData.fdyqm" class="signature-img">
                                               
                                            </el-upload>
                                        </span>
                                        <span style="width:130px;" >
                                               <span> {{formData.fdymc }}</span>
                                               <!-- <span>{{formData.fdygh }}</span><br> -->
                                               {{this.formData.fdyTime}}
                                        </span>
                                    </div>
                                </td>
                            </tr>
                            

                              <!-- 二级学院领导签章 -->
                             <tr style="height:210px">
                                <td class="table-label">二级学院意见</td>
                                <td class="table-input" style="text-align:left;" colspan="5">
                                    <div class="printyj">
                                        经初审核，同意该同学申请：
                                        <span v-if="formData.ejxyyjdj == 1">一等国家助学金</span>
                                        <span v-if="formData.ejxyyjdj == 2">二等国家助学金</span>
                                        <span v-if="formData.ejxyyjdj == 3">三等国家助学金</span>
                                    </div>
                                    <div class="newsign">
                                        <span>
                                      
                                                <img  :src="baseurl+formData.ejxyldqm" class="signature-img">
                                              
                                  
                                        </span>
                                        <span style="width:130px;">
                                            <span> {{formData.ejxyldmc }}</span>
                                            <!-- <span>{{formData.ejxyldgh }}</span><br> -->
                                            {{this.formData.xsjTime}}
                                        </span>
                                    </div>
                                </td>
                            </tr>
                           
                             <!-- 学校意见等级 -->
                    

                              <!-- 学校签章 -->
                             <tr  style="height:210px">
                                <td class="table-label">学校意见</td>
                                <td class="table-input" style="text-align:left;" colspan="5">
                                     <div class="printyj">
                                        经评审，并在校内公式5个工作日，无异议，同意该同学申请：
                                        <span v-if="formData.zzdj == 1">一等国家助学金</span>
                                        <span v-if="formData.zzdj == 2">二等国家助学金</span>
                                        <span v-if="formData.zzdj == 3">三等国家助学金</span>
                                    </div>
                                    <div class="newsign">
                                        <span>
                                            <img v-if="formData.xxqm" :src="baseurl+formData.xxqm" class="signature-img">
                                        </span>
                                        <span style="width:130px;">
                                            <span> {{formData.xxmc }}</span>
                                            <!-- <span> {{ formData.xxgh }}</span><br> -->
                                            <span>{{this.formData.deptTime}}</span>
                                        </span>
                                     
                                    </div>
                                </td>
                            </tr>

                       
                        </table>
                    </div>
                    </el-form>
                <span slot="footer" class="dialog-footer" >
                    <el-button   el-button @click="openPrint = false" size="small">取 消</el-button>
                        <el-button type="success"  v-print="printobj"  size="small">打印</el-button>
                         <!-- <el-button type="danger"  @click="exportToPDF"  size="small">导出为PDF</el-button> -->
                    <!-- <el-button type="primary" @click="startPrint" size="small">确 定</el-button> -->
                </span>
            </el-dialog>

            <el-dialog
                class="reject"
                title="驳回"
                :visible.sync="rejectDialogVisible"
                width="30%"
                >
                <el-form ref="form" :model="form" label-width="80px" size="small">
                    <el-row v-if="formData.step == 1">
                        <el-form-item label="驳回至">
                            <el-select v-model="form.targetStep" placeholder="请选择">
                                <el-option label="学生" value="0"></el-option>
                            </el-select>
                        </el-form-item>
                     </el-row>
                     <el-row v-if="formData.step == 2">
                        <el-form-item label="驳回至">
                            <el-select v-model="form.targetStep" placeholder="请选择">
                                <el-option label="学生" value="0"></el-option>
                                <el-option label="班级意见" value="1"></el-option>
                            </el-select>
                        </el-form-item>
                     </el-row>
                     <el-row v-if="formData.step ==3">
                        <el-form-item label="驳回至">
                            <el-select v-model="form.targetStep" placeholder="请选择">
                                <el-option label="学生" value="0"></el-option>
                                <el-option label="班级意见" value="1"></el-option>
                                <el-option label="二级学院意见" value="2"></el-option>
                            </el-select>
                        </el-form-item>
                     </el-row>
                     <div style="height:20px;"></div>
                    <el-row>

                            <el-form-item label="原因">
                                <el-input type="textarea"  placeholder="请输入驳回原因" v-model="form.remark"></el-input>
                            </el-form-item>
                    </el-row>
          
                    </el-form>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="rejectDialogVisible = false"  size="small">取 消</el-button>
                    <el-button type="primary" @click="submitReject"  size="small">确 定</el-button>
                </span>
            </el-dialog>
     </div>
</template>



<script>
//审核时间
import { listZxjtime } from "@/api/comprehensive/zxjtime";
import { getUserProfile, updateSignature } from "@/api/system/user";

import { queryByStuNo } from "@/api/comprehensive/knrdtype";
import { getOwnInfo } from "@/api/stuCQS/basedata/extraInfo";
import { getOwnFamily } from "@/api/stuCQS/basedata/member";
import { getOwnInfo as getStuOwnInfo } from "@/api/stuCQS/basedata/student";
import { getOwnInfo as getOwnInfoView } from "@/api/stuCQS/basedata/stuInfoView";
import { addApply, ejxysh, fdysh, getApply, getStudentInfo, nextApply, nopass, saveApply, unlock, updateApply, xxyj } from "@/api/zxj/apply";
import { findByXhAndApplyYear } from "@/api/zxj/poverty/apply";
import { listRecord } from "@/api/zxj/record";
import { getToken } from "@/utils/auth";
import html2canvas from 'html2canvas';
import jsPDF from 'jspdf';
export default {
    name:"Poverty_Examine",
    
    data(){
        var sqlyValidate = (rule, value, callback) => {


            let searchString = /贫困/;
            let regex = new RegExp(searchString, 'g');
            let result  = regex.test(value);
            if(result){
            
            callback(new Error('申请理由不能有“贫困”字眼'));
                }else{
            callback();
            }
                
        };
        return{
            rejectDialogVisible:false,
            isDetail:false,
            openPrint:false,
            printLoading:false,
            user:{signature:null},
            accpet:'image/*',
            tableLoading:false,
            recordLoading:false,
            xsEditDisable:true,
            knlxEditDisable:true,
            fdyEditDisable:true,
            ejxyEditDisable:true,
            xxEditDisable:true,
            recordList:[],
            upload: {
    
                headers: { Authorization: "Bearer " + getToken() },
                // 上传的地址
                url: process.env.VUE_APP_BASE_API + "/common/upload"
            },
            baseurl: process.env.VUE_APP_BASE_API + "/",
            disable:false,
            isShow:true,
            form:{},
            formData:{
                bankAddr:null,
                    affixId:null, //附件id
                    step:0,//步骤
                    xm:null,
                    xb:null,
                    mz:null,
                    zzmm:null,
                    sfzhm:null,
                    zzls:null,
                    xh:null,
                    rxsj:null,
                    csny:null,
                    dh:null,
                    nj:null,
                    xy:null,
                    zy:null,
                    bj:null,
                    kndj:null,
                    knlx:null,
                    knlx_2:null,
                    rkzs:null,
                    yzsr:null,
                    rjyr:null,
                    rjnsr:null,
                    srly:null,
  
                    bankCard:null,
                    jtcyObj:[],
                    jtcy:[
                        {
                            xm:null,
                            nl:null,
                            gx:null,
                            dw:null,
                            lxdh:null
                        },
                    ],
                
                    sqly:null,//申请理由
                    fdyqm:null,//辅导签名
                    fdyqmrq:null,
                    ejxyldqm:null,
                    ejxyldqmrq:null,
                    xsqm:null,
                    xsqmrq:null,
                    zp:null,
                    csdj:1,
                    xxyjrq:null,
                  
                    dz:null,
                    yb:null,
                    bjyj:'1',
                    ejxyyj:'1',
                    xxyj:'1'
                
            },
             selerules: [{
                required: true,
                message: '必选一项'
        }],
            rules:[
                        { required: true, message: '此项必填', trigger: 'blur' }
                ],
            textAreaRules:[
			  { required: true, message: '此项必填', trigger: 'blur' },
			    {min:50,max:150, trigger: 'blur',message:"申请理由字数限制50-150字" },
			{
				validator:sqlyValidate,trigger: 'blur'
			}
			
		],
            options: [
                "汉族",
                "壮族",
                "满族",
                "回族",
                "苗族",
                "维吾尔族",
                "土家族",
                "彝族",
                "蒙古族",
                "藏族",
                "布依族",
                "侗族",
                "瑶族",
                "朝鲜族",
                "白族",
                "哈尼族",
                "哈萨克族",
                "黎族",
                "傣族",
                "畲族",
                "傈僳族",
                "仡佬族",
                "东乡族",
                "高山族",
                "拉祜族",
                "水族",
                "佤族",
                "纳西族",
                "羌族",
                "土族",
                "仫佬族",
                "锡伯族",
                "柯尔克孜族",
                "达斡尔族",
                "景颇族",
                "毛南族",
                "撒拉族",
                "布朗族",
                "塔吉克族",
                "阿昌族",
                "普米族",
                "鄂温克族",
                "怒族",
                "京族",
                "基诺族",
                "德昂族",
                "保安族",
                "俄罗斯族",
                "裕固族",
                "乌孜别克族",
                "门巴族",
                "鄂伦春族",
                "独龙族",
                "塔塔尔族",
                "赫哲族",
                "珞巴族"
            ],
            optionsTemp:[],
            //打印
            printobj:{
                id: 'print',
                popTitle: '', // 打印配置页上方标题
                extraHead: '', //最上方的头部文字，附加在head标签上的额外标签,使用逗号分隔
                preview: '', // 是否启动预览模式，默认是false（开启预览模式，可以先预览后打印）
                previewTitle: '', // 打印预览的标题（开启预览模式后出现）,
                previewPrintBtnLabel: '', // 打印预览的标题的下方按钮文本，点击可进入打印（开启预览模式后出现）
                zIndex: '', // 预览的窗口的z-index，默认是 20002（此值要高一些，这涉及到预览模式是否显示在最上面）
                previewBeforeOpenCallback() {}, //预览窗口打开之前的callback（开启预览模式调用）
                previewOpenCallback() {}, // 预览窗口打开之后的callback（开启预览模式调用）
                beforeOpenCallback() {
                    
                }, // 开启打印前的回调事件
                openCallback() {}, // 调用打印之后的回调事件
                closeCallback() {}, //关闭打印的回调事件（无法确定点击的是确认还是取消）
                url: '',
                standard: '',
                extraCss: '',
            },
            
           
        }
        

    },
    created(){
  
        this.optionsTemp = this.options;
        let date = new Date();
        let month = date.getMonth()+1 
        let id  = this.$route.query.id;
        let action = this.$route.query.action;
        //获取路由参数，
        if(this.$route.query.id){
            if(action == 2 || !action){
                //查看
                this.isShow = false;
            }
            if(action == 3){
                this.isDetail = true;
            }
            this.getRecordList(this.$route.query.id);
            //获取填写的信息
            getApply(id).then(response => {

                this.formData = {
                    ...this.formData,
                    ...response.data
                }
                this.formData.jtcyObj = JSON.parse(response.data.jtcy);
                if( this.formData.step == 1 && !this.isDetail){
                    this.xsEditDisable = false;
                    this.fdyEditDisable = false;
                    this.knlxEditDisable = false;
                    //查询辅导员签名
                    this.getUserSignature();
                    this.formData.fdyqmrq = date.getFullYear() + "/" +month + "/" + date.getDate() ;
                }
                if( this.formData.step == 2 && !this.isDetail){
                    this.getUserSignature();
                    this.ejxyEditDisable = false
                    this.knlxEditDisable = false;
                    this.formData.ejxyldqmrq = date.getFullYear() + "/" + month + "/" + date.getDate() ;
                }
                if( this.formData.step == 3 && !this.isDetail){
                    this.getUserSignature();
                     this.xxEditDisable = false;
                     this.knlxEditDisable = false;
                    this.formData.xxyjrq = date.getFullYear() + "/" + month+ "/" + date.getDate() ;
                }
                if( this.formData.step == 0 && !this.isDetail){
                    this.xsEditDisable = false;
                    this.knlxEditDisable = true;
                    this.getUserSignature();
                    this.formData.xsqmrq = date.getFullYear() + "/" + month+ "/" + date.getDate();
                }
           
            });
            return;
        }else{
            //获取学生信息
             this.getStudent();
            //新增
            if(  this.formData.step == 0){
                this.formData.xsqmrq = date.getFullYear() + "/" +month + "/" + date.getDate() ;
                this.xsEditDisable = false;
                
                this.getUserSignature();      
               
            }
 

        }
        
        
    },
    methods:{

        nsrChange(){
                this.formData.rkzs = this.formData.jtcyObj.length + 1;
                console.log(this.formData);
                let rows  = this.formData.jtcyObj;
                let total =0;
                for(let i = 0;i < rows.length; i++){
                    total = parseInt(total) + parseInt(rows[i].nsr);

                }
                this.formData.rjnsr =  (total / this.formData.rkzs).toFixed(2);
                this.$forceUpdate();
        },
        exportToPDF() {
			const pdfName = this.formData.xm +"（" +  this.formData.applyYear+ '）广西水利电力职业技术学院国家助学金申请表.pdf'; // 定义导出的PDF文件名
			const element = document.getElementById('print'); // 获取需要导出的页面元素的id，可以根据需要修改
			html2canvas(element).then(canvas => {
				// 将页面转换为canvas
				const pdf = new jsPDF('p', 'mm', 'a4');
				const imgData = canvas.toDataURL('image/png');

		
				pdf.addImage(imgData, 'PNG', 0, 0, 210, 297); // 将canvas添加为PDF的一页，可以根据需要修改尺寸
				// pdf.rect(0, 0, 210, 297, 'stroke'); 
				pdf.save(pdfName); // 下载导出的PDF文件
			});
		},
        //驳回提交
        submitReject(){
            if(!this.form.targetStep){
                this.$modal.msgError("请选择驳回目标");
                return;
            }
            if(!this.form.remark){
                this.$modal.msgError("请输入原因");
                return;
            }
                let params = {
                    "targetStep":this.form.targetStep,
                    "remark":this.form.remark,
                    "step":this.formData.step + 1,
                    "applyId":this.formData.id,
                    "status":2,

                }
                nopass(params).then(response => {
                        if(response.code !=500){
                            unlock({id:this.formData.id});
                            this.getNextApply(this.formData.step);

                        }
                });
            },
        //打印
        printHtml() {
            this.openPrint = true;
            this.printLoading = true;
           
            this.formData.rxsj = this.formData.rxsj.substring(0,7);
            this.formData.csny = this.formData.csny.substring(0,7);

            listZxjtime({"stuNo":this.formData.xh,stuYearId:this.formData.stuYearId}).then(res=>{
                if(res.rows && res.rows.length > 0){
                    this.formData.stuTime = res.rows[0].stuTime;
                    this.formData.fdyTime = res.rows[0].fdyTime;
                    this.formData.xsjTime = res.rows[0].xsjTime;
                    this.formData.deptTime = res.rows[0].deptTime;
    
                }
                else{
                        this.formData.stuTime = this.formData.xsqmrq;
                        this.formData.fdyTime = this.formData.fdyqmrq;
                        this.formData.xsjTime =this.formData.ejxyldqmrq; 
                        this.formData.deptTime =this.formData.xsqmrq;
                    }
       
                this.printLoading = false;
                this.$forceUpdate();
            });
           
        },
        //更新签名
         doUpdateSignature(){
            updateSignature(this.user).then(res=>{});
        },
        //获取签名
         getUserSignature() {
            getUserProfile().then(response => {
                 if(this.formData.step == 3 && !this.formData.xxqm  ){
                    this.formData.xxqm = response.data.signature;
                }
                if(this.formData.step == 1&& !this.formData.fdyqm  ){
                    console.log("获取辅导员签名");
                    this.formData.fdyqm = response.data.signature;
                }
                if(this.formData.step == 2 && !this.formData.ejxyldqm){
                     console.log("获取二级学院领导签名");
                    this.formData.ejxyldqm = response.data.signature;
                }
                if(this.formData.step == 0 && !this.formData.xsqm){
                         console.log("获取学生签名");
                        this.formData.xsqm= response.data.signature;
                }
            });    
        },
          //获取学年
        getCurrentYearFun(){

                let year =  JSON.parse(sessionStorage.getItem("zxjSelectedYear"));
                this.formData.applyYear = year.stuYearName;
                this.formData.stuYearId = year.id;
                 this.getKnrd();
            // getCurrentYear().then(res=>{
            //     this.formData.applyYear = res.data.stuYearName;
            //     this.formData.stuYearId = res.data.id;
            //     this.getKnrd();
            // })
        },
        //获取贫困标签
        getKnrd(){
            findByXhAndApplyYear({xh:this.formData.xh,stuYearId:this.formData.stuYearId}).then(res=>{
                     this.formData.rjnsr = res.data.rjnsr;
                     this.formData.srly = res.data.jtzysr;
                     this.formData.knlx = res.data.knlx;
            });
        },
        //获取学生信息
        getStuentOwnInfo(){
            getStuOwnInfo().then(res=>{
                this.formData.bankAddr = res.data.bankAddr;
            });
        },
        //银行卡信息
        getOwnInfoV(){
            getOwnInfoView().then(obj => {
         
                this.formData.nj = obj.data.gradeName;
                this.formData.bankCard =  obj.data.bankCard;
                this.formData.sfzhm =  obj.data.idCard;
              
            });
        },
        //学生个人信息
        getOwnInfo() {
            getOwnInfo().then(obj => {
            let zp = null;
            //"dailyPhoto": "/profile/upload/2024/04/21/image-20240312170143660_20240421141241A004.png",
        // "whitePhoto": "/profile/upload/2024/04/21/image-20240312165106680_20240421141559A005.png",
        // "redPhoto": "/profile/upload/2024/04/21/image-20240312170457935_20240421141602A006.png",
        // "bluePhoto": "/profile/upload/2024/04/21/image-20240312170206087_20240421141606A007.png",
            if(obj.data.whitePhoto){
                zp = obj.data.whitePhoto;
            }else if(obj.data.redPhoto){
                zp = obj.data.redPhoto;
            }else if(obj.data.bluePhoto){
                 zp = obj.data.bluePhoto;
            }else{
                 zp = null;
            }
            this.formData.mz = obj.data.mz;
            this.formData.zzmm = obj.data.zzmm;
            this.formData.zp = zp;
            // this.formData.hjszd = obj.data.hksz1 + obj.data.hksz2 + obj.data.hksz3
            this.formData.dz = obj.data.xxlxdz
            this.formData.yb = obj.data.jtyzbm;
            })
        },
        //学生家庭成员信息
        getFamily() {
            getOwnFamily().then(obj => {
            if (obj.code == 200) {
                var arr = obj.data
                this.formData.jtcyObj = []
                if (arr.length > 0) {
                for (var i = 0; i < arr.length; i++) {
                    var obj = {}
                    obj.xm = arr[i].familyName
                    obj.nl = arr[i].age
                    obj.gx = arr[i].familyRelation
                    obj.gzdw = arr[i].workPlace
                    obj.zy = arr[i].job
                    obj.jkzk = arr[i].health
                    obj.lxdh= arr[i].phone
                    obj.nsr = arr[i].yearMoney
                    obj.dw = arr[i].workPlace
                    this.formData.jtcyObj.push(obj)
                    this.formData.rkzs = arr.length + 1
                }
                }
            }
            });
        },
        //查询审核记录
        getRecordList(id){
              // 查询审批流程
            this.recordLoading = true;
            listRecord({applyId:id}).then(response=>{
                this.recordList  = [];
                let rows = response.rows;
                for(let idx = 0; idx < rows.length; idx++ ){
                    let row = rows[idx];
                    if(row.step == 0){
                        row['text'] = "保存";
                    }
                    if(row.step == 1){
                        row['text'] = "提交申请";
                    }
                    if(row.step == 2){
                        row['text'] = "辅导员审核";
                    }
                    if(row.step == 3){
                        row['text'] = "二级学院审核";
                    }
                    if(row.step == 4){
                        row['text'] = "学校审核";
                    }
                        //el-icon-remove-outline el-icon-circle-check el-icon-circle-close
                    if(row.status == '0'){
                        //拒绝
                        row['icon'] = 'el-icon-circle-close';   
                        row['color'] = '#F56C6C'
                        row['type'] = 'danger';
                        row['result'] = "拒绝";
                    }
                    if(row.status == '1'){
                        //通过
                        row['icon'] = 'el-icon-circle-check';   
                        row['color'] = '#67C23A'
                        row['type'] = 'success';
                        row['result'] = "审核通过";
                    }

                    if(row.status == '2'){
                        // 驳回
                        row['icon'] = 'el-icon-remove-outline';   
                        row['color'] = '#E6A23C'
                        row['type'] = 'warning';
                        row['result'] = "驳回"; 
                    }

                    if(row.status == null ||row.status =='' ){
                              row['icon'] = 'el-icon-circle-check';   
                        row['color'] = '#67C23A'
                        row['type'] = 'success';
                    }
                    this.recordList.push(row);
                }
                 this.recordLoading = false;
             
                
            });
        },
        //获取下一个未审批
        getNextApply(step){
            this.tableLoading = true;
            let date = new Date();
            let month = date.getMonth()+1 
            nextApply({'step':step}).then(res=>{
                if(res.code == 200 && res.data){
                    this.rejectDialogVisible = false;
                    this.formData = {
                        ...this.formData,
                        ...res.data
                    }
                    this.formData.jtcyObj = JSON.parse(res.data.jtcy);
                   
                    if( this.formData.step == 1 && !this.isDetail){
                        this.xsEditDisable = false;
                        this.fdyEditDisable = false;
                        this.knlxEditDisable = false;
                        //查询辅导员签名
                        this.getUserSignature();
                        this.formData.fdyqmrq = date.getFullYear() + "/" +month + "/" + date.getDate() ;
                    }
                    if( this.formData.step == 2 && !this.isDetail){
                        this.getUserSignature();
                        this.ejxyEditDisable = false;
                        this.knlxEditDisable = false;
                        this.formData.ejxyldqmrq = date.getFullYear() + "/" + month + "/" + date.getDate() ;
                    }
                    if( this.formData.step == 3 && !this.isDetail){
                        this.getUserSignature();
                        this.xxEditDisable = false;
                         this.knlxEditDisable = false;
                        this.formData.xxyjrq = date.getFullYear() + "/" + month+ "/" + date.getDate() ;
                    }
                    if( this.formData.step == 0 && !this.isDetail){
                        this.xsEditDisable = false;
                         this.knlxEditDisable = true;
                        this.getUserSignature();
                        this.formData.xsqmrq = date.getFullYear() + "/" + month+ "/" + date.getDate();
                    }
           
                    this.getRecordList(this.formData.id);
                    this.tableLoading = false;
                    this.$notify({
                        title: '提示信息',
                        message: '已自动加载下一个',
                        position: 'bottom-right',
                        type: 'success',
                      });
                    this.scrollTop();
                }
                else{
                    this.tableLoading = false;
                     this.$tab.closePage();
                }
            });
        },
        //获取学生信息，进入到
        //附件id
        handleAffix(affixId){
            this.formData.affixId = affixId;
        },
        //选择头像
        handleAvatarSuccess( response, file, fileList){

           this.formData.zp = response.fileName;
        },
        //选择签名
        handleSignatureSuccess(response, file, fileList){
            this.formData.xsqm = response.fileName;
        },
        handleFdySignatureSuccess(response, file, fileLis){
            this.formData.fdyqm = response.fileName;
        },
        handleEjxyldSignatureSuccess(response, file, fileLis){
            this.formData.ejxyldqm = response.fileName;
        },
        handleXxSignatureSuccess(response, file, fileLis){
            this.formData.xxqm = response.fileName;
        },
        beforeAvatarUpload(){
            console.log();
        },
        //提交
        onSubmit(){
            // 
            if(!this.formData.zp ){
                   this.$modal.msgError("请上传照片");
                return;
            }

             if(!this.formData.xsqm ){
                   this.$modal.msgError("请上传签名照片");
                return;
            }
            
            
            let data = {};
            Object.assign(data,this.formData);
            data.step = 1;
            this.$refs['formData'].validate((valid) => {
                if (valid) {
                    // let str = this.formData.sqly;
                    // let searchString = /贫困生/;
                    // let regex = new RegExp(searchString, 'g');
                    // let result  = regex.test(str);
                    // if(result){
                        
                    //     var newStr = str.replace(regex, "<span style='color:red'>贫困生</span>");
                    //     this.$alert("申请理由："+newStr +'<br><p>申请理由不能包含"贫困生"等信息</p>', '系统消息', {
                    //         dangerouslyUseHTMLString: true
                    //     });
                    //     return;
                    // }
                    data.jtcy = JSON.stringify(this.formData.jtcyObj);
                    if(this.formData.id){
                        updateApply(data).then(response => {
                             if(response.code !=500){
                                this.user.signature = this.formData.xsqm;
                                  this.doUpdateSignature();
                                this.$tab.closePage();
                             }
                        });
                    }else{
                        addApply(data).then(response => {
                             if(response.code !=500){

                                this.user.signature = this.formData.xsqm;
                                this.doUpdateSignature();
                                this.$tab.closePage();
                             }
                        });
                    }
                } else {
                         this.$confirm('还存在必填项未填或填写错误，请仔细检查!', '提示', {
                            confirmButtonText: '确定',
                            cancelButtonText: '取消',
                            type: 'error'
                            })
  		    
                    return false;
                }
            });
     
        },
        //根据学号查询学生信息
        getStudent(){
            getStudentInfo({"stuNo":this.formData.xh}).then(res=>{
                //精确查找到
                if(res.data){
                    this.formData.xh = res.data.stuNo;
                    this.formData.xm = res.data.name;
                    this.formData.xb = res.data.gender;
                    this.formData.xy = res.data.dept==null?"":res.data.dept.deptName;
                    this.formData.zy = res.data.srsMajors.majorName;
                    this.formData.bj = res.data.srsClass.className;
                    this.formData.csny = res.data.birthday;
                    this.formData.dh = res.data.phone;

                    this.getOwnInfoV();
                    this.getOwnInfo();
                    this.getFamily();
                    //this.getKnlx();
                    this.getStuentOwnInfo();
                    this.getCurrentYearFun();
                    // var arr = res.data.srsFemilyMenberList
                    // if(arr.length >= 1){
                    //     this.formData.jtcyObj =[];
                    // }
                    // for (var i = 0; i < arr.length; i++) {
                    //     var obj = {}
                    //     obj.xm = arr[i].kinsfolkName
                    //     obj.nl = arr[i].fatehrAge
                    //     obj.gx = arr[i].kinsfolkRelate
                    //     obj.dw = arr[i].workUnit
               
                    //     this.formData.jtcyObj.push(obj)
                    // }
              
                }   
            })
        },
        getKnlx(){
            queryByStuNo({stuNo: this.formData.xh}).then(res=>{
                if(res.code == 200 ){
                    this.formData.knlx =res.data? res.data.knrdType:"无";
                
                }
            })
        },
        //计算月入人均收入,四舍五入
        computedAvg(){
            let rjyr = Math.round(this.formData.yzsr / this.formData.rkzs);
            this.formData.rjyr = !isNaN(rjyr)?rjyr:0;
        },
        //保存
        onSave(){
            if(this.formData.xh == null || this.formData.xh == ""){
                this.$modal.msgError("请输入学号");
                return;
            }
            this.formData.jtcy = JSON.stringify(this.formData.jtcyObj)
       
            if(this.formData.id){
                updateApply(this.formData).then(response => {
                    if(response.code !=500){
                            this.$modal.msgSuccess("提交成功");
                            if(this.formData.step == 0){
                                this.user.signature = this.formData.xsqm;
                            }if(this.formData.step == 1){
                                  this.user.signature = this.formData.fdyqm;   
                            }
                     
                            this.doUpdateSignature();
                            this.$tab.closePage();
                    }
        
                });
            }else{
                saveApply(this.formData).then(response => {
                     if(response.code !=500){
                         this.$modal.msgSuccess("提交成功");
                         this.user.signature = this.formData.xsqm;
                         this.doUpdateSignature();
                         this.$tab.closePage();
                     }
                });
            }
        },
        handleDeleteRow(row,index) {
            if(  this.formData.jtcyObj.length == 1){
                
                
                let obj =  this.formData.jtcyObj[0]; // 定义一个包含属性的对象
                for (let key in obj) {
                     this.formData.jtcyObj[0][key] =""; // 删除对象的属性
                }
                this.nsrChange();
                return;
            }
            this.formData.jtcyObj.splice(index, 1);
            this.nsrChange();
        },
        handleAddRow(){
            this.formData.jtcyObj.push({
                xm:'',
                nl:'',
                gx:'',
                dw:''     
            })
        },

        onSubmitFdy(){
            let data = {};
            Object.assign(data,this.formData);
            data.step = 2;
            data.bjyjdj = this.formData.bjyjdj;
            data.jtcy = JSON.stringify(this.formData.jtcyObj)
            if(!this.formData.fdyqm){
                 this.$modal.msgError("请上传签名照片");
                return;
            }
            if(!this.formData.bjyjdj){
                    this.$modal.msgError("请选择班级意见等级");
                    return;
                }
        
       
            data.status1 = "通过"
            fdysh(data).then(response => {
                 if(response.code !=500){
                    this.$modal.msgSuccess("操作成功");
                    this.user.signature = this.formData.fdyqm;
                    this.doUpdateSignature();
                    this.getNextApply(1);
                    // this.$tab.closePage();
                  
                 }
            });
        },
        onSubmitEjxy(){
            let data = {};
            Object.assign(data,this.formData);
            data.step = 3;
            if(!this.formData.ejxyldqm){
                this.$modal.msgError("请上传签名照片");
                return;
            }
            if(!this.formData.ejxyyjdj){
                this.$modal.msgError("请选择初审核助学金等级");
                return;
            }
            let params={
                "id":this.formData.id,
                "step":data.step,
                "ejxyyj":this.formData.ejxyyj,
                "ejxyyjdj":this.formData.ejxyyjdj,
                "ejxyldqm":this.formData.ejxyldqm,
                "ejxyldqmrq":this.formData.ejxyldqmrq,
                "status2":"通过",
                "knlx":this.formData.knlx

            }
            ejxysh(params).then(response => {
                 if(response.code !=500){
                    this.$modal.msgSuccess("操作成功");
                     this.user.signature = this.formData.ejxyldqm;
                      this.doUpdateSignature();
                     this.getNextApply(2);
                     // this.$tab.closePage();
                 }
            });
        },
        
        onSubmitxxsh(){
            let data = {};
            Object.assign(data,this.formData);
            data.step = 4;
            if(!this.formData.zzdj){
                 this.$modal.msgError("请选择助学金等级");
                return;
            }
            let params={
                "id":this.formData.id,
                "step":data.step,
                 "xxyj":this.formData.xxyj,
                 "xxqm":this.formData.xxqm,
                "zzdj":this.formData.zzdj,
                "xxyjrq":this.formData.xxyjrq,
                "status3":"通过",
                "knlx":this.formData.knlx
            }
            xxyj(params).then(response => {
                 if(response.code !=500){
                    this.$modal.msgSuccess("操作成功");
                    //解锁
                    unlock({id:this.formData.id})
                    this.getNextApply(3);
                    // this.$tab.closePage();
                 }
            });
        },
        //驳回
        open(status){
          
            this.$prompt('请输入原因', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',

            }).then(({ value }) => {
                if(value !=null && value != ""){
                
                      let params = {
                        "remark":value,
                        "step":this.formData.step + 1,
                        "applyId":this.formData.id,
                        "status":status,

                    }
                    nopass(params).then(response => {
                         if(response.code !=500){
                            //解锁
                            unlock({id:this.formData.id})
                            this.getNextApply(this.formData.step);
                         }
                    });
                
                
                }else{
                      this.$modal.msgError("请输入原因");
                }
            });
        },

        scrollTop(){
            document.querySelector("#apply").scrollIntoView();
        }
    }
    

}
</script>


<style scoped>
  
    .form-blok{
            margin: 0 auto;
            width:1000px;
            /* border: 1px solid #ebebeb; */
            border-radius: 3px;
            transition: .2s;
            font-size: 14px;
    }
    .source{
        text-align: center;
       
    }
    /* 表格样式 */
    .full-width{
        border-collapse: collapse;

    }
    td{
        padding: 8px 10px 8px 10px;
        min-width: 120px;

        box-sizing: border-box;
        text-overflow: ellipsis;
        vertical-align: middle;
        position: relative;

        border: 1px solid #000;
    }
    .table-label{
        width: 200px;
        background: #ededed;
        text-align: left;
      
    }
    .table-input{
        width: 400px;
        padding: 8px 4px;
        position: relative;
    }
    .table-input>>>.el-input__inner{
        padding-right: 0;
    }
    .table-align-left{
         padding: 8px 8px;
         text-align: left;
    }

    .class-info >>> .el-input__inner{
        padding: 0px 10px;
        text-align: right;
    }

    /* 学院专业班级信息 */
    .class-info{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        
    }


     .class-info div span{
        line-height: 25px;
     }
    /* 输入样式统一 */
    /deep/ .el-input__inner{
        border-width: 0px;
        
    }
    /* 表单样式统一 */
    /deep/ .el-form-item{
        margin-bottom: 0;
    }
    /deep/ .el-textarea__inner{
        border-width: 0px;
    }
    /deep/ .el-date-editor{

    }
     /deep/ .el-form-item__error {
        padding-left: 12px;
        position: relative;
        text-align: left;

    }
    .radio-group /deep/ .el-radio-group{
        width: 180px;

    }
    /*  */
    .radio-group-row{
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-content:center;
        font-size: 14px;
        line-height: 20px;
      
    } 
    .signature{
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-content: flex-end;
        gap:10px;
        flex-wrap: wrap;
    }
    .signature>div{
        vertical-align: bottom;
        /* display: block;
        min-width: 50px; */
        /* height: 36px;
        line-height: 36px; */
    }
    .signature>div:nth-child(1){
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;

         justify-content: flex-end;
        align-items: flex-end;
    }
    .avatar{
        width: 117px;
        height: 156px;
    }
    /deep/ .el-upload{
        display: flex;
        flex-direction: column;

        
    }
    .image-input{
        padding: 0;
        width: 120px;
        height: 160px;
    }
    .signature-img{
        width: 160px;
        height: 50px;
    }
    .signature-tip{
        width: 160px;
        cursor: pointer;
        color: #1890ff;
        text-align: left;
       
    }
    .qm{
        display: flex;
        flex-direction: column;
        align-content: center;
    
    }
    .qm>span{
  
        text-align:left;
         padding-left: 12px;
    }
    .qm>div{
  
        text-align:right;
        padding-right: 12px;
    }
    
    .qm>.avatar-uploader{
        padding: 12px 0px;
        text-align: center;
    }
     /deep/ .el-input.is-disabled .el-input__inner{
        background-color: #fff;
        color: #000;
     }

    .list .item span{
        padding: 10px;
    }
    /* 间隔 */
    .gap{
        padding: 0px 20px;
    }
    .record ul{
        padding-inline-start: 0px !important;
    }
    .record .title{
        padding: 20px 0px;
    }

    #apply>>>.el-textarea.is-disabled .el-textarea__inner {
        background-color: #fff;
        border-color: #fff;
        color: #000;
        cursor: not-allowed;
    }
  .red-tip{
    display: inline-block;
    font-size: 14px;
    padding: 0px 5px;
    height: 17px;
    line-height: 17px;
    color: red;
  }
  .pos{
    position: absolute;
    left: 4px;
    top: 8px;
  }

    .newsign{
        display: flex;
        flex-direction: row;
        gap: 10px;
        justify-content: flex-end;
        align-items: flex-end;
  }
  #print {
   display: inline-block;
    font-size: 16px;
    margin: 0 auto;
    text-align: center;
    padding: 20px 60px 0px 60px;
  }
   #print table{
    width: 800px;
   }
  #print .table-label{
    padding: 10px;
    max-width: 100px;
    text-align: center;

  }
    #print .table-input{
     max-width: 100px;
     word-wrap: break-word;
         text-align: center;
  }

  .dialog-footer{
    display: flex;
    flex-direction: row;    
    justify-content: center;
  }
    .reject /deep/ .el-input__inner{
        border-width: 1px;
        
    }
    .reject   /deep/ .el-textarea__inner{
        border-width: 1px;
    }

 
#print >>> td{
    text-align: center;
     padding: 2px;
     font-size: 16px;
}
#print h1{
    text-align: center;
}
#print .newsign{
    margin-top: 50px;
    margin-bottom: 5px;
}
#print .signature{
    margin: 5px 0px;
}
#pring .content{
    text-align: left !important;
    word-wrap: break-word;
}
.printyj{
    padding: 5px;
}
.print-form{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
/*去除页眉页脚*/
  @page{
    size:  auto;   /* auto is the initial value */
    margin: 3mm;  /* this affects the margin in the printer settings */
  }

  html{
    background-color: #FFFFFF;
    margin: 0;  /* this affects the margin on the html before sending to printer */
  }

  body{
    border: solid 1px blue ;
    margin: 10mm 15mm 10mm 15mm; /* margin you want for the content */
  }
  #print /deep/ .el-table--border .el-table__cell {
    border-right: 1px solid #000!important;
    }
  #print /deep/ .el-table th.el-table__cell.is-leaf{
      border-bottom: 1px solid #000!important;
  }
  #print /deep/ .el-table td.el-table__cell{
      border-bottom: 1px solid #000!important;
  }
  /*去除页眉页脚*/
</style>